html { background: none repeat scroll 0 0 #CCCCCC; color: #000000; }
body { margin: 10px; padding: 0; text-align:center; font: 13px/1.231 arial,helvetica,clean,sans-serif; }
div { padding: 0; margin: 0; }

h1 { font-size: 138.5%; font-weight:bold; margin: 5px 0; }
h2 { font-size: 123.1%; font-weight:bold; margin: 5px 0; }
h3 { font-size: 108%; font-weight:bold; margin: 5px 0; }

.doc { margin: auto;text-align: left; width: 750px; padding: 10px 20px; border: solid 2px black; background-color: white; } 

.header:after { clear: both; content: ""; display:block; }
.main:after { clear: both; content: ""; display:block; }
.footer:after { clear: both; content: ""; display:block; }
.content:after { clear: both; content: ""; display:block; }

.content-wrap { float: left; margin-right: -200px; width: 100%; }
.sidebar { float: right; width: 190px; position: relative }
.content { margin-right: 200px; float:none; width: auto; position:static }
.footer { text-align: center; }

#yui-history-iframe {position: absolute; top: 0; left: 0; width: 1px; height: 1px; visibility: hidden; }        

.aq-error { color: red }
.anim {clear:both}

.four-columns {position:relative}
.four-columns .column {position:relative; float:left; width: 25%}
.four-columns:after {clear: both; content: ""; display:block; }

/* ff snel gekopieerd */

div.aq-field { display: block; padding-top: 5px; padding-bottom: 5px; clear: both; position: relative}
div.aq-field div.aq-question { display: block; width: 150px; float: left; }
div.aq-field div.aq-answer-holder { display: block; width: 300px; margin-left:155px; float: none; }
div.aq-answer-holder input.aq-input { width: 200px; }
div.aq-answer-holder ul { margin: 0px; padding: 0px; padding-top: 4px; }
div.aq-answer-holder ul li { list-style: none outside none; padding: 0px; margin: 0px; padding-bottom: 2px; }
div.aq-answer-holder ul li input { margin-left: 0px; margin-right: 5px; }
/* Alert & Refresh */
div.aq-alertcontainer { text-align: left; margin-bottom: 2px; padding: 3px; float:left; background: url(..//images/alert.png) 8px 8px no-repeat; position: relative; top: 0px; height: auto; width: 385px; }
div#aq-page-content div.aq-alertcontainer { text-align: left; margin-bottom: 16px; background: url(..//images/AlertIcon_sm.jpg) 3px 3px no-repeat; }
div.aq-alertcontainer div.aq-alert { font-weight: bold; padding-left: 20px; padding-top: 1px; border: 2px solid #FFF; }
div.buttoncontainer div.aq-field { text-align: left; }
div.aq-error-holder{ border: 1px dotted red; padding-top:4px; }
div.aq-question div.required,div.aq-question div.refresh,div.aq-question div.explain { float: right; display: block; width: 25px; height: 25px; font-size: 8px; }
div.aq-question div.refresh { margin-right: 2px; }
div.aq-refresh span,div.aq-required span { display: none; }
/* Explain */
div.aq-explain { position: relative; top: 2px; }
div.aq-explain span { background: transparent url("..//images/questionmark.png") left no-repeat; float: left; display: block; width: 24px; height: 23px; font-size: 8px; margin-left: 5px; text-indent: 30px; overflow: hidden; cursor: pointer; }
div.aq-required { background: transparent url(..//images/required.png) left no-repeat; float: left; display: block; width: 15px; height: 15px; font-size: 8px; margin-top: 6px; }

/* Designer */
.pageFragmentEditor .pageFragmentEditorHeader {background-color:black; color: white;padding:2px 15px;border-top:solid 5px white;}
.pageFragmentEditor .pageFragmentEditorHeader a {color: white; padding-right: 5px;}
.pageFragmentEditor .pageFragmentEditorPreview {margin-left:15px;border-left: solid 5px black;}
.pageFragmentEditor .pageFragmentEditorPreview:after {clear: both; content: ""; display:block; }
.pageFragmentEditor .pageFragmentEditorContent {margin-left:15px;border-left: solid 5px black; background-color: white; }